<template>
	<view class="container">
		<view class="box">
			<!-- <image src="../../static/images/index/rockets.png" mode=""></image> -->
			<view class="image"> </view>
			<text class="close-page" @tap="navBack">x</text>
			<view class="copy">
				<view class="document">
					经过平台上线以来的试运营，用户日益增长，为了让更多用户有全新的体验，我们将对“线上商城”进行全面升级，尽请期待吧！
				</view>
				<view class="btn-go" @tap="offlineGo">去线下门店</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
			}
		},
		methods: {
			navBack(){
				uni.navigateBack({})
			},
			offlineGo(){
				uni.redirectTo({
					url: '/pages/index/offline'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container{
		background: rgba(0,0,0,0.6);
		height: 100vh;
		
		.box{
			width: 79%;
			margin: 0 auto;
			// top: 212rpx;
			top: 19vh;
			position: relative;
			
		}
		.image{
			position: relative;
			z-index: 9;
			border-radius:10rpx 10rpx 0 0;
			width: 100%;
			height: 391rpx;
			background-image: url(https://inclusivecommunity.oss-cn-chengdu.aliyuncs.com/attach/2020-08/0c67c202008211142275833.png);
			background-repeat: no-repeat;
			background-size: contain;
		}
		.close-page{
			color: #fff;
			position: absolute;
			top: 92rpx;
			right: 25rpx;
			z-index: 9;
		}
		.copy{
			border-radius:10rpx;
			position: relative;
			bottom: 82rpx;
			background-color: #fff;
			padding-bottom: 50rpx;
		}
		.document{
			font-size:30rpx;
			font-weight:400;
			color: #333;
			line-height:54rpx;
			padding: 80rpx 0;
			width: 76%;
			margin: 0 auto;
		}
		.btn-go{
			width:240rpx;
			height:80rpx;
			background:rgba(87,190,106,1);
			border-radius:40rpx;
			font-size:32rpx;
			font-weight:500;
			color:rgba(255,255,255,1);
			line-height:80rpx;
			text-align: center;
			margin: 0 auto;
		}
	}
</style>
